<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        html{
            font-size: 20px;
        }
        div{
            width: 1rem;
            height: 1rem;
            background-color: pink;
        }
    </style>
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
</head>
<body>
    <!-- 
        移动适配 网页元素的宽高 都要变小
        媒体查询
        把HTML标签的字号为视口宽度的1/10  
        不同的设备中，网页元素尺寸等比缩放
        设计稿375视口 68像素     68/(375/10)px = 1.813
        flexible.js
        css 进行计算   easyless
        单行注释
        多行注释 shift alt + a
     -->
     <div></div>
</body>
</html>